﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="NutriStat.Web._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>NutriStat</title>
<style type="text/css">
body 
{
	font-family: 'Microsoft Sans Serif', Arial, sans-serif;
	font-size: 8.2pt;
	background-color: #EBE9ED
}
div.mainBody 
{
}

div.mLeft 
{
	width: 332px;
	height: 100%;
	border: 0px dotted orange;
	float: left;
}

div.mRight
{
	width: 300px;
	height: 100%;
	border: 0px dotted purple;
	float: left;
}

div.spacer5
{
	width: 100%;
	height: 5px;
}

div.spacer10
{
	width: 100%;
	height: 10px;
}

div.spacer15
{
	width: 100%;
	height: 5px;
}

div.ID 
{
	width: 300px;
	border: 0px solid black;
	float: left;
}
div.topButtons 
{
	font-family: 'Microsoft Sans Serif', Arial, sans-serif;
	width: 340px;
	border: 0px solid green;
	text-align: center;
}
div.patientInfo 
{
	width: 640px;
	border: 0px solid blue;
}
div.measurement 
{
	width: 640px;
	height: 430px;
	border: 0px solid red;
}
.navbutton 
{
	width: 22px;
	height: 22px;
	font-family: 'Microsoft Sans Serif', Arial, sans-serif;
	font-size: 8.2pt;
	font-weight: bold;
}
.newbutton
{
    width: 45px;
	height: 22px;
	font-family: 'Microsoft Sans Serif', Arial, sans-serif;
	font-size: 8.2pt;
	font-weight: normal;
}

.stdbutton
{
    width: 75px;
	height: 25px;
	font-family: 'Microsoft Sans Serif', Arial, sans-serif;
	font-size: 8.2pt;
	font-weight: normal;
}

.resultsBox
{
	background-color: #FFFFE1;
}

</style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="mainBody">
        <div class="ID">
            <asp:Label ID="labelIDNumber" runat="server" Text="ID Number"></asp:Label>
            <br />
            <div class="spacer5"></div>
            <asp:Button ID="buttonFirst" class="navbutton" runat="server" Text="&lt;&lt;" />
            <asp:Button ID="buttonLeft" class="navbutton" runat="server" Text="&lt;" />
            <asp:TextBox ID="textBoxIDNumber" style="width: 75px;" runat="server"></asp:TextBox>            
            <asp:Button ID="buttonRight" class="navbutton" runat="server" Text="&gt;" />
            <asp:Button ID="buttonLast" class="navbutton" runat="server" Text="&gt;&gt;" />
            <asp:Button ID="buttonNew" class="newbutton" runat="server" Text="New" />
        </div>
        
        <div class="topButtons">
            <div class="spacer5"></div>
            <div class="spacer5"></div>
            <asp:Button ID="buttonGraph" class="stdbutton" runat="server" Text="Graph" 
                onclick="buttonGraph_Click" />
            <asp:Button ID="buttonGrid" class="stdbutton" runat="server" Text="Grid" />
            <asp:Button ID="buttonFind" class="stdbutton" runat="server" Text="Find" />
            <asp:Button ID="buttonDelete" class="stdbutton" runat="server" Text="Delete" />
        </div>
        
        <div class="spacer5"></div>
        <div class="spacer5"></div>
        
        <div class="patientInfo">
            <div style="float: left; border: 0px solid red; width: 160px;">
                <asp:Label ID="labelLastName" runat="server" Text="Last Name"></asp:Label>
                <br />
                <asp:TextBox ID="textBoxLastName" style="width: 145px;" runat="server" 
                    ontextchanged="textBoxLastName_TextChanged"></asp:TextBox>  
            </div>
            
            <div style="float: left; border: 0px solid yellow; width: 160px;">
                <asp:Label ID="labelFirstName" runat="server" Text="First Name"></asp:Label>
                <br />
                <asp:TextBox ID="textBoxFirstName" runat="server" 
                    ontextchanged="textBoxFirstName_TextChanged"></asp:TextBox>  
            </div>
            
            <div style="float: left; border: 0px solid yellow; width: 140px;">
                <asp:Label ID="labelSex" runat="server" Text="Sex"></asp:Label>
                <br />
                <asp:RadioButton ID="radioButtonMale" runat="server" Text="Male" 
                    oncheckedchanged="radioButtonMale_CheckedChanged" />
                <asp:RadioButton ID="radioButtonFemale" runat="server" Text="Female" 
                    oncheckedchanged="radioButtonFemale_CheckedChanged" />
            </div>
            
            <div style="float: left; border: 0px solid orange; width: 140px;">
                <asp:Label ID="labelDOB" runat="server" Text="Date of Birth"></asp:Label>
                <br />
                <asp:TextBox ID="dateTimePickerDOB" runat="server" 
                    ontextchanged="dateTimePickerDOB_TextChanged"></asp:TextBox>
            </div>            
        </div>
        
        <div class="spacer5"></div>
        <div class="spacer5"></div>
        <div class="spacer5"></div>
            
        <div class="measurement">
            <div class="mLeft">
                <asp:Label ID="labelDOM" runat="server" Text="Date of Measurement"></asp:Label>
                <br />
                <div class="spacer5"></div>
                <asp:Button ID="buttonDOMLeft" class="navbutton" runat="server" Text="&lt;" />
                <asp:TextBox ID="textBoxDOM" style="width: 75px;" runat="server" 
                    ontextchanged="textBoxDOM_TextChanged"></asp:TextBox>            
                <asp:Button ID="buttonDOMRight" class="navbutton" runat="server" Text="&gt;" />                
                <asp:Button ID="buttonDOMNew" class="newbutton" runat="server" Text="New" />
                <br /><br />
                <table border="0" cellpadding="1" cellspacing="1" style="width: 97%;">
                    <tr>
                        <td>Age</td>
                        <td>mos</td>
                        <td><asp:TextBox ID="textBoxAgeMonths" style="width: 55px;" runat="server" 
                                ontextchanged="textBoxAgeMonths_TextChanged"></asp:TextBox> </td>
                        <td>yrs</td>
                        <td><asp:TextBox ID="textBoxAgeYears" style="width: 55px;" runat="server"></asp:TextBox> </td>
                    </tr>
                    
                    <tr>
                        <td>Height</td>
                        <td>in</td>
                        <td><asp:TextBox ID="textBoxHeight" style="width: 55px;" runat="server" 
                                ontextchanged="textBoxHeight_TextChanged"></asp:TextBox> </td>
                        <td></td>
                        <td><asp:CheckBox ID="checkBoxRecumbent" runat="server" Text="Recumbent" /></td>
                    </tr>
                    
                    <tr>
                        <td>Weight</td>
                        <td>lbs</td>
                        <td><asp:TextBox ID="textBoxWeight" style="width: 55px;" runat="server" 
                                ontextchanged="textBoxWeight_TextChanged"></asp:TextBox> </td>
                        <td>ozs</td>
                        <td><asp:TextBox ID="textBoxWeightOz" style="width: 55px;" runat="server"></asp:TextBox> </td>
                    </tr>
                    
                    <tr>
                        <td colspan="5" style="text-align: center;"><asp:CheckBox ID="checkBoxEdema" runat="server" Text="Edema" />
                        </td>
                    </tr>
                    
                    <tr>
                        <td colspan="3">Head Circumference</td>                        
                        <td>in</td>
                        <td><asp:TextBox ID="textBoxHeadCircum" style="width: 55px;" runat="server" 
                                ontextchanged="textBoxHeadCircum_TextChanged"></asp:TextBox> </td>
                    </tr>
                    
                    <tr>
                        <td colspan="3">Subscapular Skin Fold</td>                        
                        <td>in</td>
                        <td><asp:TextBox ID="textBoxSSF" style="width: 55px;" runat="server" 
                                ontextchanged="textBoxSSF_TextChanged"></asp:TextBox> </td>
                    </tr>
                    
                    <tr>
                        <td colspan="3">Triceps Skin Fold</td>                        
                        <td>in</td>
                        <td><asp:TextBox ID="textBoxTSF" style="width: 55px;" runat="server" 
                                ontextchanged="textBoxTSF_TextChanged"></asp:TextBox> </td>
                    </tr>
                    
                    <tr>
                        <td colspan="3">Mid-upper Arm Circumference</td>                        
                        <td>in</td>
                        <td><asp:TextBox ID="textBoxMUAC" style="width: 55px;" runat="server" 
                                ontextchanged="textBoxMUAC_TextChanged"></asp:TextBox> </td>
                    </tr>
                </table> 
                
                <br /><br />   
                
                <asp:Label ID="labelNotes" runat="server" Text="Notes"></asp:Label><br />
                <asp:TextBox ID="textBoxNotes" style="width: 320px; height: 90px;" runat="server"></asp:TextBox>
            </div>
            <div class="mRight">
                <asp:Label ID="labelResults" runat="server" Text="Results"></asp:Label>
                <br /><br />                
                
                
                <table border="0" cellpadding="1" cellspacing="1" style="width: 97%;">
                    <tr style="height:22px;">
                        <td></td>
                        <td></td>
                        <td><asp:Label ID="labelPercentile" runat="server" Text="Percentile"></asp:Label></td>
                        <td><asp:Label ID="labelZScore" runat="server" Text="Z-Score"></asp:Label></td>
                        <td><asp:Label ID="labelFlag" runat="server" Text="Flag"></asp:Label> </td>
                    </tr>
                    
                    <tr>
                        <td><asp:Label ID="labelHA" runat="server" Text="Height for Age"></asp:Label></td>
                        <td></td>
                        <td><asp:TextBox ID="textBoxHAP" class="resultsBox" style="width: 45px;" 
                                runat="server" ontextchanged="textBoxHAP_TextChanged"></asp:TextBox></td>
                        <td><asp:TextBox ID="textBoxHAZ" class="resultsBox" 
                                style="width: 45px; height: 22px;" runat="server" 
                                ontextchanged="textBoxHAZ_TextChanged"></asp:TextBox></td>
                        <td><asp:TextBox ID="textBoxHAF" class="resultsBox" style="width: 19px;" runat="server"></asp:TextBox></td>
                    </tr>
                    
                    <tr>
                        <td><asp:Label ID="labelWA" runat="server" Text="Weight for Age" /></td>
                        <td></td>
                        <td><asp:TextBox ID="textBoxWAP" class="resultsBox" style="width: 45px;" 
                                runat="server" ontextchanged="textBoxWAP_TextChanged"></asp:TextBox></td>
                        <td><asp:TextBox ID="textBoxWAZ" class="resultsBox" style="width: 45px;" 
                                runat="server" ontextchanged="textBoxWAZ_TextChanged"></asp:TextBox></td>
                        <td><asp:TextBox ID="textBoxWAF" class="resultsBox" style="width: 19px;" runat="server"></asp:TextBox></td>
                    </tr>
                    
                    <tr>
                        <td><asp:Label ID="labelWH" runat="server" Text="Weight for Height" /></td>
                        <td></td>
                        <td><asp:TextBox ID="textBoxWHP" class="resultsBox" style="width: 45px;" 
                                runat="server" ontextchanged="textBoxWHP_TextChanged"></asp:TextBox></td>
                        <td><asp:TextBox ID="textBoxWHZ" class="resultsBox" style="width: 45px;" 
                                runat="server" ontextchanged="textBoxWHZ_TextChanged"></asp:TextBox></td>
                        <td><asp:TextBox ID="textBoxWHF" class="resultsBox" style="width: 19px;" runat="server"></asp:TextBox></td>
                    </tr>
                   
                    <tr>
                        <td><asp:Label ID="labelBMI" runat="server" Text="BMI" /></td>                        
                        <td><asp:TextBox ID="textBoxBMI" class="resultsBox" style="width: 45px;" 
                                runat="server" ontextchanged="textBoxBMI_TextChanged"></asp:TextBox></td>
                        <td><asp:TextBox ID="textBoxBMIP" class="resultsBox" style="width: 45px;" 
                                runat="server" ontextchanged="textBoxBMIP_TextChanged"></asp:TextBox></td>
                        <td><asp:TextBox ID="textBoxBMIZ" class="resultsBox" style="width: 45px;" 
                                runat="server" ontextchanged="textBoxBMIZ_TextChanged"></asp:TextBox></td>
                        <td><asp:TextBox ID="textBoxBMIF" class="resultsBox" style="width: 19px;" runat="server"></asp:TextBox></td>
                    </tr>
                    
                    <tr>
                        <td><asp:Label ID="labelResultsHead" runat="server" Text="Head Circumference" /></td>                        
                        <td></td>
                        <td><asp:TextBox ID="textBoxHeadP" class="resultsBox" style="width: 45px;" 
                                runat="server" ontextchanged="textBoxHeadP_TextChanged"></asp:TextBox></td>
                        <td><asp:TextBox ID="textBoxHeadZ" class="resultsBox" style="width: 45px;" 
                                runat="server" ontextchanged="textBoxHeadZ_TextChanged"></asp:TextBox></td>
                        <td><asp:TextBox ID="textBoxHeadF" class="resultsBox" style="width: 19px;" runat="server"></asp:TextBox> </td>
                    </tr>
                    
                    <tr>
                        <td><asp:Label ID="labelResultsSSF" runat="server" Text="Subscapular Skin Fold" /></td>                        
                        <td></td>
                        <td><asp:TextBox ID="textBoxSSFP" class="resultsBox" style="width: 45px;" 
                                runat="server" ontextchanged="textBoxSSFP_TextChanged"></asp:TextBox></td>
                        <td><asp:TextBox ID="textBoxSSFZ" class="resultsBox" style="width: 45px;" 
                                runat="server" ontextchanged="textBoxSSFZ_TextChanged"></asp:TextBox></td>
                        <td></td>
                    </tr>
                    
                    <tr>
                        <td><asp:Label ID="labelResultsTSF" runat="server" Text="Triceps Skin Fold" /></td>                        
                        <td></td>
                        <td><asp:TextBox ID="textBoxTSFP" class="resultsBox" style="width: 45px;" 
                                runat="server" ontextchanged="textBoxTSFP_TextChanged"></asp:TextBox></td>
                        <td><asp:TextBox ID="textBoxTSFZ" class="resultsBox" style="width: 45px;" 
                                runat="server" ontextchanged="textBoxTSFZ_TextChanged"></asp:TextBox></td>
                        <td></td>
                    </tr>
                    
                    <tr>
                        <td><asp:Label ID="labelResultsMUAC" runat="server" Text="MUAC" /></td>                        
                        <td></td>
                        <td><asp:TextBox ID="textBoxMUACP" class="resultsBox" style="width: 45px;" 
                                runat="server" ontextchanged="textBoxMUACP_TextChanged"></asp:TextBox></td>
                        <td><asp:TextBox ID="textBoxMUACZ" class="resultsBox" style="width: 45px;" 
                                runat="server" ontextchanged="textBoxMUACZ_TextChanged"></asp:TextBox></td>
                        <td></td>
                    </tr>
                </table> 
                
            </div>
        </div>
    </div>
    </form>
</body>
</html>
